import { observer } from "mobx-react-lite"
import { useRootStore } from "../store/index"
import Todo from "./todo";
function Main() {
    const { todoStore } = useRootStore();
    const { filterTodos } = todoStore;
    return (
        <ul>
            {
                
                filterTodos.map((item,index) => <Todo todo={item} key={index} />)
            }
        </ul>
    )
}

export default observer(Main)